import {Col,Row} from 'antd'
import { Avatar, Card } from 'antd';
import "./Cards.css"
const { Meta } = Card;

function Cards(){
    return(
        <Row gutter={16}>
            <Col span={8}>
                <Card
                    style={{
                        width: "auto",
                    }}
                    cover={
                        <img
                            style={{
                            }}
                            alt="example"
                            src="http://www.kingerror.cloud/wp-content/uploads/2023/08/20210705115818_25b48-scaled.jpeg"
                        />
                    }
                >
                    <Meta
                        avatar={<Avatar src="http://www.kingerror.cloud/wp-content/uploads/2023/08/b6cb9c76072b457592571af31787168d400x400.jpg" />}
                        title="作者：王某人"
                        description="一枚来自西南科技大学的普通大二学生"
                    />
                </Card>
            </Col>
            <Col span={8}>
                <Card title="技术栈" bordered={false}>
                    <li>react</li>
                    <li>Redux</li>
                    <li>Ant designed</li>
                    <li>SprintBoot</li>
                    <li>Mysql</li>
                    <li>Mybatis</li>
                    <li>php</li>
                </Card>
            </Col>
            <Col span={8}>
                <Card title="注意事项" bordered={false}>
                    待定
                </Card>
            </Col>
        </Row>
    )
}
export default Cards